草庐IT

C++ 屏幕截图

全部标签

javascript - 最新检测小屏幕的方法

在等待响应式设计找到进入旧网站的方式时,如果屏幕小于480像素,我想将浏览器重定向到移动版本四处寻找我想出了varisSmall=window.matchMedia?window.matchMedia("screenand(max-width:480px)"):screen.width问题这在2014年是否可以接受,或者是否有更好/更安全/更新的方法来做我想做的而不使用用户代理嗅探?引用资料MDNWindow.matchMediaJavaScriptKitCSSmediaquerymatchinginJavaScriptusingwindow.matchMedia()QuirksMod

javascript - 在屏幕阅读器上工作的空闲超时警告模式

我需要有关用户空闲时触发的模式的帮助。在我在运行NVDA的Firefox上测试之前,它工作得很好。使用箭头键和在手机上滑动时出现焦点问题。当模式出现并且用户使用箭头或滑动时,如果我等待单击它,焦点将在几秒钟后从是按钮反弹到标题。我已将工作示例加载到:https://jsfiddle.net/ncanqaam/我将空闲时间段更改为一分钟,并删除了调用服务器以延长用户session的部分。varstate="L";vartimeoutPeriod=540000;varoneMinute=60000;varsevenMinutes=60000;varlastActivity=newDate(

javascript - SVG 标记在不同屏幕上呈现不同

更新:我解决了屏幕问题。设备像素比是罪魁祸首。在具有较低window.devicePixelRatio的设备上,图标显示得较小,一个解决方案是使图标的大小以window.devicePixelRatio为条件,即:scaledSize:highDevicePixelRatio?newgoogle.maps.Size(40,60):newgoogle.maps.Size(60,90)分辨率也可能起到一定作用,但我目前无法测试。不过,InternetExplorer11的问题仍然存在。**结束更新**所以这真的很荒谬,我还是有些莫名其妙。我注意到我的自定义标记的这种极其不一致的行为。把我逼

javascript - 在整个屏幕上获取触摸事件

我有一个正在消失的标题,我想在屏幕上的任意位置单击一下即可将其带回View中。但是如果我包装整个在里面组件PanResponder停止工作。这有黑客吗? 最佳答案 您不需要使用Touchable组件来扭曲它。将下一个Prop添加到根View。onResponderGrant-制作ViewhandletouchonStartShouldSetResponder-使View句柄开始 关于javascript-在整个屏幕上获取触摸事件,我们在StackOverflow上找到一个类似的问题:

javascript - 加载后淡入背景图像(无 jquery),同时仍使用媒体查询替换不同屏幕尺寸的图像

我整晚都在看书,似乎无法就最好的方法是什么给出任何具体的答案。我知道起作用的两件事是:加载图片时淡入淡出:使用图像包装器和像这样的标签:CSS看起来像.imageWrapper{opacity:0}.loaded{opacity:1}然后在你的js文件中有类似的东西varimageLoaded=(img)=>{varimgWrapper=img.parentNode;imgWrapper.className+='loaded';}用于根据屏幕尺寸加载不同的图像@mediascreenonlyand(min-device-width:0)and(max-device-width:450p

javascript - 如何检测手机浏览器的屏幕尺寸?

我正在开发一个需要在桌面和移动设备上运行的网站。现在我有一个主要内容div,它设置为屏幕宽度的70%。但是,我觉得这对于移动设备(比如手机,而不是平板电脑)来说太小了,我想把它提高到90或95%我怎么能做到这一点(比如屏幕尺寸小于5英寸)而不使用非常不可靠的浏览器嗅探?我一遍又一遍地听到“特征检测featuredetectionfeaturedetection”这句口头禅,我明白为什么这是一件好事......但我不知道这个问题要检测什么“特征”......谢谢。 最佳答案 您可以使用CSS:@mediascreenand(max-w

javascript - 屏幕阅读器和 Javascript

我正在创建awebsiteforareadingservicefortheblindandvisuallyimpaired我正在使用JavaScript(带有jQ​​uery)在页面加载后将一些内容打印到某些页面。屏幕阅读器是否会在页面加载后读取使用jquery打印到页面上的内容?来自thispage-“一般来说,[屏幕阅读器]访问DOM(文档对象模型),并且他们使用浏览器API(应用程序编程接口(interface))来获取他们需要的信息。”而且我们知道jQuery是一个DOM操作库。所以问题就变成了..屏幕阅读器会获取整个DOM的副本然后解析并阅读它吗?还是他们读取DOM,即jQu

javascript - 根据屏幕分辨率 AngularJS 更改指令的 templateUrl

我需要根据屏幕分辨率更改templateURL,例如如果我的屏幕宽度小于768px,它必须加载“templates/browse-content-mobile.html”如果它大于768px,它必须加载“templates/browse-content.html”。当前使用的代码。app.directive('browseContent',function(){return{restrict:'E',templateUrl:template_url+'/templates/browse-content.html'}});我在这里尝试使用这段代码app.directive('browse

javascript - 无法使用 jQuery.ajax() 从保存到 iOS 设备主屏幕的 Web 应用程序使用 AJAX 访问 list 缓存文件

我正在制作一个网络应用程序。它加载的一些文件包含纯静态.JSON数据。我将jQuery.ajax()(jQuery1.5.2)与dataType:'json'和cache:true一起使用。一切正常,所有文件都已加载。我还配置了缓存list来缓存这些JSON文件(除了css、js和图像)。那里的一切也都运行良好——当用户访问我的站点时,我需要的所有文件都被正确缓存(我有applicationCache事件处理程序来确认一切正常)。我已经在GoogleChrome中测试了所有内容,我可以看到所有文件(包括JSON文件)都被缓存了。当我断开网络连接时,一切正常(jQueryajax调用自动

javascript - 停止 jQuery draggable 从屏幕上滚动

当在div元素上使用可拖动的jQueryUI时,您可以将元素“拖离”页面的右侧,但页面只会扩展并随元素自动滚动。这是有问题的,因为我试图在元素到达窗口右侧时启动一个事件。一个警告是我不能简单地绑定(bind)div以使其不能离开,因为我希望当你的光标遇到边缘而不是div时停止拖动(尝试将它拖离左侧以了解我的意思,我只是想要在右侧复制它)。我尝试过的:body{overflow:hidden;}-乍一看有效,但如果您仔细检查,body实际上正在滚动,只是没有可见的滚动条。另外,这是要在插件中使用的,所以我不能限制用户只能溢出:隐藏的body。创建窗口大小/固定位置的包装器div以触发事件